

<div class="bg" appDebounceClick (debounceClick)="dismissClick()">
  <div *ngIf="type === 'remarks'" class="remarksText" appDebounceClick (debounceClick)="cancelClick($event)" >
    <div *ngIf="!item.formData.textarea.disable" >
      <textarea [(ngModel)]="remarksText" maxlength="item.formData.textarea.maxLength" placeholder="{{item.formData.textarea.placeholder}}"></textarea>
    </div>
  
    <div *ngIf="item.formData.textarea.disable">
      <!-- <textarea [(ngModel)]="remarksText" class="textarea-disable" disabled maxlength="item.formData.textarea.maxLength" placeholder="{{item.formData.textarea.placeholder}}"></textarea> -->
      <div class="tips" *ngIf="item.formData.textarea.value"[innerHTML]=item.formData.textarea.value></div>
  
      <div class="tips" style="padding-top: 0.94rem;" *ngIf="item.formData.textarea.tips"[innerHTML]=item.formData.textarea.tips></div>
    </div>
    <!-- tagData.data.titlebar.remarkIcon. -->
    <div appDebounceClick (debounceClick)="submitRemarks()" class="remarksText-submit-btn">
      <p class="remarksText-p">{{item.formData.button.label}}</p>
    </div>
  </div>
  <!-- <div *ngIf="type === 'remarksList'" class="remarksList">
      <p appDebounceClick (debounceClick)="go(remarksTitle)" *ngFor="let remarksTitle of tagData.data.titlebar.moreLinkIcon.formData">{{remarksTitle.label}}</p>
    </div> -->
  <div *ngIf="type === 'submitForm'" class="submitForm" appDebounceClick (debounceClick)="cancelClick($event)">
    <form [formGroup]="formGroup">
      <List *ngFor="let it of item.htmlObj, let i=index" [ngSwitch]="it.formType">
        <!-- 多行备注 -->
        <ng-container *ngSwitchCase="'textArea'">
          <ng-container *ngIf="!it.hasBorder">
            <ion-textarea class="textarea" rows="5" cols="10" [formControlName]="it.formKey" [maxlength]="it.maxLength" [attr.placeholder]="it.placeHolder" [(ngModel)]="it.value">
            </ion-textarea>
            <!-- <p class="tr">{{it.value? it.value.length || 0 : 0}}/{{it.maxLength}}</p> -->
          </ng-container>
  
          <ng-container *ngIf="it.hasBorder">
            <div class="text-area-border">
              <ion-textarea class="text-area-border-textarea" rows="2" cols="10" [formControlName]="it.formKey" [maxlength]="it.maxLength" [attr.placeholder]="it.placeHolder" [(ngModel)]="it.value">
              </ion-textarea>
              <!-- <p class="tr">{{it.value? it.value.length || 0 : 0}}/{{it.maxLength}}</p> -->
            </div>
          </ng-container>
  
        </ng-container>
      </List>
    </form>
    <div appDebounceClick (debounceClick)="submit()" class="submit-btn">
      <p>确定</p>
    </div>
  </div>
  
  <!-- 通用的弹出输入 -->
  <div *ngIf="type === 'textarea'" class="submitForm" appDebounceClick (debounceClick)="cancelClick($event)">
    <List>
      <ion-textarea class="textarea" rows="4" cols="10" [value]="textarea.value" [maxlength]="textarea.maxLength" [minlength]="textarea.minLength" [(ngModel)]="textarea.value" [attr.placeholder]="textarea.placeHolder"></ion-textarea>
      <p class="tr">{{textarea.value ? textarea.value.length || 0 : 0}}/{{textarea.maxLength}}</p>
    </List>
  
    <div appDebounceClick (debounceClick)="textareaSubmit($event)" class="submit-btn" style="margin-top: 0.2rem;">
      <p>{{textarea.button}}</p>
    </div>
  </div>
</div>

